<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>确认订单</title>
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        .tit{
            padding:10px 10px 10px;
        }

        .address{
            min-height: 100px;
            background: #fff;
            padding:10px 10px ;
        }
        .address__m{
            color: #c0c0c0;
            padding-top:20px;
        }
        .order{
            background: #fff;padding:15px 0;
        }
        .order img{
            display: block;
            width:60px;
            margin:0 auto;
            border:1px solid #B17E82;
        }
        .order .num{
            color: #c0c0c0;
        }
        .order .price{
            color: red;
            padding-right:15px;
        }
        #bott{
            background: #fff;
            height:45px;
            line-height:45px;
        }
        #bott #boot_p{
            padding-left:8px;
        }
        #bott #boot_p .price{color: red;}
        #submit_m{
            text-align: center;
            color: #fff;
        }

        .mui-button-fixed2{
            background: #fff;
            position: fixed;
            bottom:0px;
            left:0%;
            right:0%;
            /*height: 60px;*/
            /*line-height: 50px;*/
            overflow: hidden;
            /*border: 1px solid red;*/
            /*padding-bottom:20px;*/
            /*border-bottom:20px solid #fff;*/
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a id="backBtn" class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"></h1>
</header>
<div class="mui-content">
    <div class="tit">收货信息</div>
    <div class="address">
        <div class="mui-row">
            <div class="mui-col-xs-7">
                收货人：<span id="name"><!--张三--></span>
            </div>
            <div class="mui-col-xs-5"><span id="phone"><!--13067896745--></span></div>
            <div class="mui-col-xs-12 address__m mui-navigate-right">
                收货地址：
                <span id="address">
                    <!--北京 北京 东城区非公经济看年-->
                </span>
            </div>
        </div>
    </div>
    <div class="tit">商品详情</div>
    <div class="order">
        <div class="mui-row">
            <div class="mui-col-xs-8">
                <div class="mui-row">
                    <div class="mui-col-xs-4">
                        <img src="../../images/machine/mac02.png" alt="">
                    </div>
                    <div class="mui-col-xs-8">
                        <div class="name">极速礼包A</div>
                        <div class="num">10台</div>
                    </div>
                </div>
            </div>
            <div class="mui-col-xs-4 mui-text-right">
                <div class="price">￥1000.00</div>
            </div>
        </div>
    </div>
</div>
<div class="mui-button-fixed2">
    <div class="mui-row " id="bott">
        <div class="mui-col-xs-9">
            <div id="boot_p">
                合计：<span class="price">￥1999.00</span>
            </div>
        </div>
        <div class="mui-col-xs-3" id="submit_m" style="background: #2D8CF0">
            <div class="submit">提交订单</div>
        </div>
    </div>
</div>

<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/machine/machine_confirm.js"></script>
</body>
</html>